<template>
    <div id="box">
        <userID></userID>
        <NavigationBar></NavigationBar>
        <Detail></Detail>
        <Recommend></Recommend>
        <Evaluate></Evaluate>
        <bottom></bottom>
    </div>
</template>

<script>
    import Detail from "./components/MyLens.vue"
    import Recommend from "./components/MyRecommend.vue"
    import Evaluate from "./components/MyEvaluate.vue"
    import bottom from '@/components/bottom.vue'
    import NavigationBar from '@/components/NavigationBar.vue'
    import userID from '@/components/userID.vue'
    export default {
        name:"detail",
        components:{
            Detail,
            Recommend,
            Evaluate,
            bottom,
            NavigationBar,
            userID,
        },
        async mounted(){
            // const res = await this.$.getGoods();
            // console.log(res)
        }
    }
</script>

<style lang="less" scoped>
</style>